<template>
  <a-menu :selectedKeys="[$route.path]" mode="horizontal">
    <a-sub-menu>
      <template #icon>
        <file-text-outlined />
      </template>
      <template #title>订单管理</template>
      <a-menu-item-group>
        <a-menu-item key="/about/current">
            <template #icon>
                <bell-outlined />
            </template>
            <router-link to="/about/current">备餐配餐</router-link> 
        </a-menu-item>
        <a-menu-item key="/about/history">
            <template #icon>
                <file-done-outlined />
            </template>
            <router-link to="/about/history">历史订单</router-link>
        </a-menu-item>
      </a-menu-item-group>
    </a-sub-menu><a-sub-menu>
      <template #icon>
        <bank-outlined />
      </template>
      <template #title>商品管理</template>
      <a-menu-item-group>
        <a-menu-item key="/about/sale">
            <template #icon>
                <bell-outlined />
            </template>
            <router-link to="/about/sale">上架下架</router-link>
        </a-menu-item>
        <a-menu-item key="/about/product">
            <template #icon>
                <file-done-outlined />
            </template>
            <router-link to="/about/product">商品管理</router-link>
            
        </a-menu-item>
        <a-menu-item key="/about/category">
            <template #icon>
                <file-done-outlined />
            </template>
            <router-link to="/about/category">分类管理</router-link>
            
        </a-menu-item>
      </a-menu-item-group>
    </a-sub-menu>
    <a-sub-menu>
      <template #icon>
        <file-text-outlined />
      </template>
      <template #title>系统管理</template>
      <a-menu-item-group>
        <a-menu-item key="/about/user">
            <template #icon>
                <bell-outlined />
            </template>
            <router-link to="/about/user">用户管理</router-link>
            
        </a-menu-item>
        <a-menu-item key="/about/role">
            <template #icon>
                <file-done-outlined />
            </template>
            <router-link to="/about/role">角色管理</router-link>
            
        </a-menu-item>
      </a-menu-item-group>
    </a-sub-menu>
  </a-menu>
  <router-view></router-view>
</template>
<script setup>
import { defineComponent, ref } from 'vue';
import { 
    BankOutlined, 
    MailOutlined, 
    FileTextOutlined, 
    BellOutlined, 
    FileDoneOutlined, 
    AppstoreOutlined, 
    SettingOutlined 
} from '@ant-design/icons-vue';

const current = ref(['mail']);
</script>